<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
</head>
<body>


<!--头部-->
<span id="header"></span>

<div class="auth-main clearfix" style="width:1000px">

    <div class="ibox-title">
        <h5>发布响应</h5>
    </div>

    <div class="ibox-content clearfix">
        <table class="table table-bordered table-input u-table-center">
            <tbody>
            <tr>
                <th style="width: 180px;">产品名称</th>
                <td><input type="text" value="继电器" class="form-control" readonly></td>
                <th style="width: 180px;">产品类型</th>
                <td><input type="text" value="S202-C16" class="form-control" readonly></td>
            </tr>
            <tr>
                <th>产品品牌</th>
                <td><input type="text" value="西门子" class="form-control" readonly></td>
                <th>交货地址</th>
                <td><input type="text" value="上海" class="form-control" readonly></td>
            </tr>
            <tr>
                <th>采购量</th>
                <td><input type="text" value="10000" class="form-control" readonly></td>
                <th>截止日期</th>
                <td><input type="text" value="2017-04-08" class="form-control " readonly></td>
            </tr>
            <tr>
                <th>期望价格</th>
                <td><input type="text" value="¥120/件" class="form-control x-color-price" readonly></td>
                <th>汇票形式</th>
                <td><input type="text" value="不包含纸质汇票" class="form-control" readonly></td>
            </tr>

            </tbody>
        </table>
    </div>


    <div class="ibox-content clearfix">
        <table class="table  table-bordered  u-table-center x-table">
            <thead>
            <tr>
                <th style="width:280px;">产品</th>

                <th>售卖中</th>

                <th>库存</th>

                <th>货物所在地</th>
                <th style="width:90px;"></th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td class="clearfix">

                    <a href="产品详情.html">
                        <div class="m-img-con">
                            <img width="70" height="70"
                                 src="../common/imgs/goods2.jpg"/>
                        </div>
                        <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                    </a>
                </td>
                <td>2000</td>
                <td>2000</td>

                <td>浙江杭州</td>
                <td class="m-checkbox">
                    <label><i class="iconfont icon-duoxuanhuise"></i><input type="checkbox"></label>
                </td>
            </tr>
            <tr>
                <td class="clearfix">

                    <a href="产品详情.html">
                        <div class="m-img-con">
                            <img width="70" height="70"
                                 src="../common/imgs/goods2.jpg"/>
                        </div>
                        <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                    </a>
                </td>
                <td >2000</td>
                <td>2000</td>

                <td>浙江杭州</td>
                <td class="m-checkbox">
                    <label><i class="iconfont icon-duoxuanhuise"></i><input type="checkbox"></label>
                </td>
            </tr>
            <tr>
                <td class="clearfix">

                    <a href="产品详情.html">
                        <div class="m-img-con">
                            <img width="70" height="70"
                                 src="../common/imgs/goods2.jpg"/>
                        </div>
                        <span class="m-product-name">西门子 S202-C16西门子 S202-C16西门子 S202-C16</span>
                    </a>
                </td>
                <td>2000</td>
                <td>2000</td>

                <td>浙江杭州</td>
                <td class="m-checkbox">
                    <label><i class="iconfont icon-duoxuanhuise"></i><input type="checkbox"></label>
                </td>
            </tr>
            </tbody>
        </table>


    </div>


    <div class="ibox-content m-t-sm">


        <div class="form-group">
            <label class="control-label m-r-sm">是否包邮:</label>
            <select class="form-control select-bg" style="width:210px;display: inline-block;">
                <option value="">请选择</option>
                <option value="">是</option>
                <option value="">否</option>
            </select>
        </div>
        <label class="control-label m-r-sm">邮费:</label>
        <input type="text" class="form-control" style="width: 210px; display: inline-block" value=""
               placeholder="请输入邮费">
    </div>

    <a href="../showlist/我的响应.html" class="btn x-btn-danger m-t-lg m-r-md">提交响应</a> 
    <a href="javascript:;" class="btn x-btn2 m-t-lg" style="background-color: transparent;">取消</a>
</div>
<!--页尾-->
<span id="footer"></span>
</body>
</html>
<script src="../common/js/jquery-1.9.1.js"></script>
<script type="text/javascript">
    $.get('../common/html/head.html', function (data) {
        $('head').html(data)
    });

    $.get('../common/html/header.html', function (data) {
        $('#header').html(data)
    });

    $.get('../common/html/footer.html', function (data) {
        $('#footer').html(data)
    });
</script>

<script>
    // 单选切换
    var $checkbox = $('td input[type=checkbox]')
    $checkbox.on('change', function () {
        var _this = $(this);
        var flag = Boolean(_this.prop('checked'));
        $("#checkAll").prop('checked', $checkbox.length == $("td input[type=checkbox]:checked").length ? true : false).trigger('change');
        if (flag) {
            _this.prev('.iconfont').removeClass('icon-duoxuanhuise').addClass('icon-duoxuan');
        } else {
            _this.prev('.iconfont').removeClass('icon-duoxuan').addClass('icon-duoxuanhuise');
        }
    })
</script>